iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 13
1
Modern Web

一隻巨大的UI/UX菜鳥系列 第 13

【Day13】自動生成CSS的漸層配色網站

  • 分享至 

  • xImage
  •  

今天Monospace的網頁設計團多了一位新成員!
她是工業設計底子,最近想轉型成UI介面設計師。
經驗非常豐富,也收藏了很多設計網站跟我們分享/images/emoticon/emoticon24.gif

剛好她貼給我了一個「漸層」的配色網站,
對於工程師很方便!
在這充滿工程師的iT邦,希望可以給大家一些幫助:)


itmeo

https://ithelp.ithome.com.tw/upload/images/20180118/201078107iJG9ae7z2.png
itmeo是一個漸層網站,除了上面的漸層色都很美之外,
它最方便的地方在於,

選好的漸層色可以直接轉換成CSS程式碼,提供給工程師使用!

https://ithelp.ithome.com.tw/upload/images/20180118/20107810g03EtRKFKy.png
按一下右下角的「Copy CSS」,就可以直接得到這個漸層色的CSS程式碼。

background-image: linear-gradient(to top, #fbc2eb 0%, #a6c1ee 100%);

但是小妹不知道為什麼要加上「-image」,所以跑去問了隔壁的工程師Jason,
得到的答案是:「刪掉就可以了!」/images/emoticon/emoticon37.gif
因為不知道這個自動生成的CSS,對於工程師來說到底有沒有效用?
所以小妹請咱們工程師Jason直接用上面那串程式碼,寫進VScode試試看效果如何。
結果是成功了阿阿阿阿阿!!!!只是要記得刪掉-image!!!!/images/emoticon/emoticon07.gif

謝謝Jason的實際操作XD
也讓小妹多了一個方式,可以幫助工程師加速切版:)


上一篇
【Day12】幫助UI設計的Google Chrome好擴充
下一篇
【Day14】2018給自己的期許,與保持創造力的小方法
系列文
一隻巨大的UI/UX菜鳥30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
JasonYang
iT邦新手 5 級 ‧ 2018-01-16 23:43:26

加油~加油~

GG iT邦新手 5 級 ‧ 2018-01-18 18:10:18 檢舉

終於補上了!!!!!!!!!!!!!!

我要留言

立即登入留言